<template>
  <div class="top">
    <el-menu
      :default-active="'/notice/first'"
      class="el-menu-demo"
      mode="horizontal"
      router
    >
      <el-menu-item index="/notice/first" class="item">首次居家评估单</el-menu-item>
      <el-menu-item index="/notice/hospitalAppForm" class="item">入住申请表</el-menu-item>
      <el-menu-item index="/notice/leaveReqNotice" class="item">请假告知书</el-menu-item>
      <el-menu-item index="/notice/paymentCon" class="item">缴费确认单</el-menu-item>
      <el-menu-item index="/notice/vacancyOfNotice" class="item">退住告知书</el-menu-item>
      <el-menu-item index="/notice/accidentRisk" class="item">意外风险告知书</el-menu-item>
      <el-menu-item index="/notice/disclaimer" class="item">自带药品免责告知书</el-menu-item>
      <el-menu-item index="/notice/riskNotice" class="item">入住风险告知书</el-menu-item>
      <el-menu-item index="/notice/protectNotice" class="item">保护性约束风险告知书</el-menu-item>
    </el-menu>
  </div>
  <div class="main">
    <RouterView />
  </div>
</template>

<script setup>
import { ref } from "vue";
import { RouterView } from "vue-router";

</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.app {
  width: 100%;
  height: 100%;
}
.item{
    padding: 0 14px;   
}
.top{
    width: 1200px;

    margin: auto;
}
</style>